<!--
 * @Author: una
 * @Date: 2021-12-29 17:38:11
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-01-07 14:20:28
 * @Description: file content
-->
<template>
  <div class="app-container">
    <Layout>
      <template #left>
        <SiteAside></SiteAside>
      </template>
      <template>
        <div class="mainContent"><RouterView /></div>
      </template>
    </Layout>
  </div>
</template>
<script>
// @ 代表src目录
import Avatar from "@/components/avatar"; //头像组件
import Icon from "./components/icon"; //图标组件
import Pager from "@/components/pager"; //分页组件
import Layout from "@/components/layout"; //布局组件
import SiteAside from "@/components/siteAside"; //菜单组件
export default {
  //根组件的配置对象
  components: {
    //局部注册组件
    Avatar, //组件名和组件一致，简写
    Icon,
    Pager,
    Layout,
    SiteAside,
  },
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped lang="less">
.app-container {
  width: 100vw;
  height: 100vh;
  .mainContent {
    width:100%;
    height:100vh;
  }
}
</style>
